<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultrag.net.nz/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf in action</title>
</head>
<body>
<nav class="navbar page-header" th:fragment="header">
    <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
       class="btn btn-link sidebar-mobile-toggle d-md-none mr-auto">
        <i class="fa fa-bars"></i>
    </a>
    <a class="navbar-brand" href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#">
        <img src="./Carbon - Admin Template_files/logo.png" alt="logo">
    </a>
    <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
       class="btn btn-link sidebar-toggle d-md-down-none">
        <i class="fa fa-bars"></i>
    </a>
    <ul class="navbar-nav ml-auto">
        <li class="nav-item d-md-down-none">
            <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#">
                <i class="fa fa-bell"></i>
                <span class="badge badge-pill badge-danger">5</span>
            </a>
        </li>

        <li class="nav-item d-md-down-none">
            <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#">
                <i class="fa fa-envelope-open"></i>
                <span class="badge badge-pill badge-danger">5</span>
            </a>
        </li>

        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle"
               href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#" role="button"
               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="./Carbon - Admin Template_files/avatar-1.png" class="avatar avatar-sm" alt="logo">
                <span class="small ml-1 d-md-down-none">John Smith</span>
            </a>

            <div class="dropdown-menu dropdown-menu-right">
                <div class="dropdown-header">Account</div>

                <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
                   class="dropdown-item">
                    <i class="fa fa-user"></i> Profile
                </a>

                <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
                   class="dropdown-item">
                    <i class="fa fa-envelope"></i> Messages
                </a>

                <div class="dropdown-header">Settings</div>

                <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
                   class="dropdown-item">
                    <i class="fa fa-bell"></i> Notifications
                </a>

                <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
                   class="dropdown-item">
                    <i class="fa fa-wrench"></i> Settings
                </a>

                <a href="http://demo.cssmoban.com/cssthemes5/twts_173_carbon/dist/index.html#"
                   class="dropdown-item">
                    <i class="fa fa-lock"></i> Logout
                </a>
            </div>
        </li>
    </ul>
</nav>
</body>
</html>
